<!--找回登录密码-->
<div class="container">
  <div class="row">
    <div class="col-lg-6 col-lg-offset-3">
      <h4 class="_form-title">创建会员账号</h4>
      <form role="form" class="form-horizontal _form" #userForm="ngForm" name="form">
        <div class="form-group">
          <div class="form-div"><label for="Name1" class="col-sm-6 col-xs-12 form-tip">名字<span>*</span></label></div>
          <div class="col-sm-6 col-xs-12">
            <input type="text" class="form-control" id="Name1" name="Name1" #username placeholder="姓" required>
          </div>
          <div class="col-sm-6 col-xs-12">
            <input type="text" class="form-control" id="Name2" name="Name2" required #name2 placeholder="名">
          </div>
        </div>
        <div class="form-group">
          <div class="form-div"><label for="Email" class="col-sm-6 col-xs-12 form-tip">邮箱地址<span>*</span>（即登陆用户名，官方所有通知将发送到此邮箱，请填写有效地址）</label></div>
          <div class="col-sm-6 col-xs-12">
            <input type="email" class="form-control" id="Email" name="Email" required #email placeholder="邮箱地址">
          </div>
        </div>
        <div class="form-group">
          <div class="form-div"><label for="Password" class="col-sm-6 col-xs-12 form-tip">密码设置<span>*</span>（由6-16个字符组成，区分大小写）</label></div>
          <div class="col-sm-6 col-xs-12">
            <input type="password" class="form-control" id="Password" name="Password" required #pwd placeholder="输入密码">
          </div>
          <div class="col-sm-6 col-xs-12">
            <input type="password" class="form-control" id="ConfirmPassword" required name="ConfirmPassword" #repwd placeholder="确认密码">
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-6 col-xs-12 has-feedback">
            <label for="Language" class="form-tip">语言 Language<span>*</span></label>
            <input type="text" class="form-control " id="Language" name="Language" required #language placeholder="请选择语言 Language">
            <!--<i class="fa fa-angle-right form-control-feedback form-select-input-arrow" aria-hidden="true"></i>-->
            <!--<ul class="form-select">-->
              <!--<li class="active">中文</li>-->
              <!--<li>日语</li>-->
              <!--<li>韩语</li>-->
              <!--<li>英语</li>-->
            <!--</ul>-->
          </div>
          <div class="col-sm-6 col-xs-12 has-feedback">
            <label  class="form-tip">职业<span>*</span></label>
            <select class="form-control form-select-input" style="width: 100%;" required #vocation >
              <option >设计师</option>
              <option >教职人员</option>
              <option >手艺人</option>
              <option >品牌</option>
              <option >学生</option>
              <option >媒体</option>
            </select>
            <i class="fa fa-angle-right form-control-feedback form-select-input-arrow" aria-hidden="true" style="height:28px;display: inline-block;background-color: #EEEEEE;top: 33px !important;right: 18px"></i>
            <!--<input type="text" class="form-control form-select-input" id="Job" name="Job" #vocation placeholder="请选择职业">-->
            <!--<i class="fa fa-angle-right form-control-feedback form-select-input-arrow" aria-hidden="true"></i>-->
            <!--<ul class="form-select">-->
              <!--<li>设计师</li>-->
              <!--<li>品牌</li>-->
              <!--<li class="active">教职人员</li>-->
              <!--<li>学生</li>-->
              <!--<li>手艺人</li>-->
              <!--<li>媒体</li>-->
            <!--</ul>-->
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-6 col-xs-12">
            <label for="CompanyName" class="form-tip">公司名称</label>
            <input type="text" class="form-control" id="CompanyName" name="CompanyName" #company placeholder="公司名称">
          </div>
          <div class="col-sm-6 col-xs-12">
            <label for="Address" class="form-tip">地址</label>
            <input type="text" class="form-control" id="Address" name="Address" #address placeholder="地址">
          </div>
        </div>

        <div class="input-tip">标记<span>*</span>的输入框为必填项</div>
        <div class="form-group form-btn">
          <div class="col-sm-4 col-sm-offset-4 col-xs-12">
            <button [disabled]="!userForm.form.valid"  class="btn btn-submit  btn-block" (click)="addHero(username.value, pwd.value, repwd.value, email.value, language.value, address.value,vocation.value,company.value)">创建账号</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

